@charset "utf-8";
$color:#00b7ee;
.kv {
    margin-top: 17px;
}

.button {
    width: 93px;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 4px;
    margin-right: 8px;
    border-radius: 3px;
}

.main {
    width: 100%;
    padding-top: 51px;
    .about_web {
        text-align: center;
        .about_box {
            display: inline-block;
            p {
                margin-top: -23px;
                background-color: white;
                padding: 0 20px;
                font-size: 14px;
                font-weight: bold;
            }
            span {
                font-size: 9px;
                font-weight: bold;
            }
        }
        hr {
            width: 340px;
            margin: 0 auto;
        }
    }
    .form {
        font-size: 12px;
        padding-top: 62px;
        margin-right: 36px;
        margin-left: 129px;
        .div1 {
            margin-left: 65px;
            .login1 {
                background-color: #b3d9ff;
                a{
                    color: black;
                }
            }
            .register {
                background-color: #eeeeee;
                a{
                    color: black;
                    &:hover{
                        color: white;
                    }
                }
            }
        }
        .div2 {
            margin-top: 17px;
            input {
                width: 267px;
                background-color: #ecf5ff;
            }
        }
        .div3 {
            margin-top: 26px;
            input {
                width: 267px;
                margin-left: 12px;
                background-color: #ecf5ff;
            }
        }
        .div4 {
            margin-top: 26px;
            input {
                width: 99px;
            }
            span a{
                color: red;
            }
        }
        .div5 {
            margin-top: 29px;
            input{
                vertical-align: middle;
            }
            label{
                vertical-align: middle;
            }
        }
        .div6 {
            margin-top: 31px;
            margin-left: 84px;
            .login2 {
                color: white;
            }
            span a{
                color: red;
            }
            button:hover{
                background-color: #EEEEEE;
            }
        }
        .ki6l {
            vertical-align: middle;
            background-color: #ecf5ff;
        }
        img {
            vertical-align: middle;
        }
    }
    .login_img {
        padding-top: 62px;
    }
}